<template>
  <el-card class="departmentContent">
    <el-tabs class="departmentContent">
      <el-tab-pane label="部门用户">
        <UserPane :ou="props.ou" />
      </el-tab-pane>
      <el-tab-pane label="部门角色">
        <RolePane :ou="props.ou" />
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>

<script setup lang="ts">
import { PropType } from 'vue'

import { IDepartment } from '@/http/types/department'

import RolePane from './rolePane.vue'
import UserPane from './userPane.vue'

const props = defineProps({
  ou: {
    type: Object as PropType<IDepartment>,
    required: true,
  },
})
</script>

<style lang="scss" scoped>
// .departmentContent{}
</style>
